Skip to content

[devtools] Stop sending codeframes for ignored frames#90577

Merged
eps1lon merged 3 commits intocanaryfrom
sebbie/02-26-_devtools_stop_sending_codeframes_for_ignored_frames
Feb 26, 2026
Merged

[devtools] Stop sending codeframes for ignored frames#90577
eps1lon merged 3 commits intocanaryfrom
sebbie/02-26-_devtools_stop_sending_codeframes_for_ignored_frames

Conversation

@eps1lon
Copy link
Member

@eps1lon eps1lon commented Feb 26, 2026

Codeframes for ignored stackframes are not used by the Redbox at the moment and impact performance of the sourcemapping request noticeably (the more ignore-listed frames, the worse).
In test/development/app-dir/ssr-only-error/ the sourcemapping request went down to 600ms from 1.8s for both Webpack and Turbopack. On larger stacks that may be even more noticably.

I believe this should reduce flakiness of the test/development/app-dir/ssr-only-error/ssr-only-error.test.ts test since we currently block the Redbox on the sourcemapping request (which I also want to change later).

As a follow-up, we'll only send the codeframe for the first non-ignored frame to save even more I/O and CPU.

We'll add a dedicated endpoint to fetch codeframes on demand to allow switching codeframes for #88867

@nextjs-bot
Copy link
Collaborator

nextjs-bot commented Feb 26, 2026

Tests Passed

@nextjs-bot
Copy link
Collaborator

nextjs-bot commented Feb 26, 2026

Stats from current PR

🔴 1 regression

Metric Canary PR Change Trend
node_modules Size 475 MB 475 MB 🔴 +52.1 kB (+0%) ▁▁▁▁▁
📊 All Metrics
📖 Metrics Glossary

Dev Server Metrics:

  • Listen = TCP port starts accepting connections
  • First Request = HTTP server returns successful response
  • Cold = Fresh build (no cache)
  • Warm = With cached build artifacts

Build Metrics:

  • Fresh = Clean build (no .next directory)
  • Cached = With existing .next directory

Change Thresholds:

  • Time: Changes < 50ms AND < 10%, OR < 2% are insignificant
  • Size: Changes < 1KB AND < 1% are insignificant
  • All other changes are flagged to catch regressions

⚡ Dev Server

Metric Canary PR Change Trend
Cold (Listen) 455ms 455ms ▁▁█▁▂
Cold (Ready in log) 439ms 439ms ▁▁█▁▂
Cold (First Request) 1.293s 1.238s ▃▁█▁▃
Warm (Listen) 456ms 457ms ▁▁█▁▂
Warm (Ready in log) 446ms 443ms ▁▁█▁▂
Warm (First Request) 347ms 341ms ▁▁█▁▃
📦 Dev Server (Webpack) (Legacy)

📦 Dev Server (Webpack)

Metric Canary PR Change Trend
Cold (Listen) 456ms 456ms ▁▁█▁▁
Cold (Ready in log) 440ms 439ms ▄▆█▆▁
Cold (First Request) 1.928s 1.943s ▃▄█▅▁
Warm (Listen) 457ms 456ms ▁▁█▁▁
Warm (Ready in log) 439ms 438ms ▆▅█▄▁
Warm (First Request) 1.957s 1.952s ▄▄█▅▁

⚡ Production Builds

Metric Canary PR Change Trend
Fresh Build 3.805s 3.950s ▁▁█▁▃
Cached Build 3.889s 3.928s ▁▁█▁▃
📦 Production Builds (Webpack) (Legacy)

📦 Production Builds (Webpack)

Metric Canary PR Change Trend
Fresh Build 14.054s 14.047s ▁▁█▂▁
Cached Build 14.131s 14.130s ▁▁█▂▁
node_modules Size 475 MB 475 MB 🔴 +52.1 kB (+0%) ▁▁▁▁▁
📦 Bundle Sizes

Bundle Sizes

⚡ Turbopack

Client

Main Bundles: **400 kB** → **400 kB** ✅ -2 B

80 files with content-based hashes (individual files not comparable between builds)

Server

Middleware
Canary PR Change
middleware-b..fest.js gzip 764 B 764 B
Total 764 B 764 B
Build Details
Build Manifests
Canary PR Change
_buildManifest.js gzip 451 B 452 B
Total 451 B 452 B ⚠️ +1 B

📦 Webpack

Client

Main Bundles
Canary PR Change
5528-HASH.js gzip 5.54 kB N/A -
6280-HASH.js gzip 58.3 kB N/A -
6335.HASH.js gzip 169 B N/A -
912-HASH.js gzip 4.59 kB N/A -
e8aec2e4-HASH.js gzip 62.6 kB N/A -
framework-HASH.js gzip 59.7 kB 59.7 kB
main-app-HASH.js gzip 256 B 254 B
main-HASH.js gzip 39.1 kB 39.1 kB
webpack-HASH.js gzip 1.68 kB 1.68 kB
262-HASH.js gzip N/A 4.59 kB -
2889.HASH.js gzip N/A 169 B -
5602-HASH.js gzip N/A 5.55 kB -
6948ada0-HASH.js gzip N/A 62.6 kB -
9544-HASH.js gzip N/A 59 kB -
Total 232 kB 233 kB ⚠️ +718 B
Polyfills
Canary PR Change
polyfills-HASH.js gzip 39.4 kB 39.4 kB
Total 39.4 kB 39.4 kB
Pages
Canary PR Change
_app-HASH.js gzip 194 B 194 B
_error-HASH.js gzip 183 B 180 B 🟢 3 B (-2%)
css-HASH.js gzip 331 B 330 B
dynamic-HASH.js gzip 1.81 kB 1.81 kB
edge-ssr-HASH.js gzip 256 B 256 B
head-HASH.js gzip 351 B 352 B
hooks-HASH.js gzip 384 B 383 B
image-HASH.js gzip 580 B 581 B
index-HASH.js gzip 260 B 260 B
link-HASH.js gzip 2.5 kB 2.5 kB
routerDirect..HASH.js gzip 320 B 319 B
script-HASH.js gzip 386 B 386 B
withRouter-HASH.js gzip 315 B 315 B
1afbb74e6ecf..834.css gzip 106 B 106 B
Total 7.97 kB 7.97 kB ✅ -2 B

Server

Edge SSR
Canary PR Change
edge-ssr.js gzip 125 kB 125 kB
page.js gzip 254 kB 254 kB
Total 379 kB 379 kB ⚠️ +336 B
Middleware
Canary PR Change
middleware-b..fest.js gzip 616 B 615 B
middleware-r..fest.js gzip 156 B 155 B
middleware.js gzip 43.9 kB 43.9 kB
edge-runtime..pack.js gzip 842 B 842 B
Total 45.5 kB 45.5 kB ✅ -7 B
Build Details
Build Manifests
Canary PR Change
_buildManifest.js gzip 715 B 718 B
Total 715 B 718 B ⚠️ +3 B
Build Cache
Canary PR Change
0.pack gzip 4.01 MB 4.02 MB 🔴 +5.13 kB (+0%)
index.pack gzip 103 kB 102 kB 🟢 1.17 kB (-1%)
index.pack.old gzip 102 kB 103 kB 🔴 +1.17 kB (+1%)
Total 4.22 MB 4.23 MB ⚠️ +5.13 kB

🔄 Shared (bundler-independent)

Runtimes
Canary PR Change
app-page-exp...dev.js gzip 320 kB 320 kB
app-page-exp..prod.js gzip 170 kB 170 kB
app-page-tur...dev.js gzip 319 kB 319 kB
app-page-tur..prod.js gzip 169 kB 169 kB
app-page-tur...dev.js gzip 316 kB 316 kB
app-page-tur..prod.js gzip 168 kB 168 kB
app-page.run...dev.js gzip 316 kB 316 kB
app-page.run..prod.js gzip 168 kB 168 kB
app-route-ex...dev.js gzip 70.8 kB 70.8 kB
app-route-ex..prod.js gzip 49.2 kB 49.2 kB
app-route-tu...dev.js gzip 70.8 kB 70.8 kB
app-route-tu..prod.js gzip 49.2 kB 49.2 kB
app-route-tu...dev.js gzip 70.4 kB 70.4 kB
app-route-tu..prod.js gzip 49 kB 49 kB
app-route.ru...dev.js gzip 70.4 kB 70.4 kB
app-route.ru..prod.js gzip 49 kB 49 kB
dist_client_...dev.js gzip 324 B 324 B
dist_client_...dev.js gzip 326 B 326 B
dist_client_...dev.js gzip 318 B 318 B
dist_client_...dev.js gzip 317 B 317 B
pages-api-tu...dev.js gzip 43.2 kB 43.2 kB
pages-api-tu..prod.js gzip 32.9 kB 32.9 kB
pages-api.ru...dev.js gzip 43.2 kB 43.2 kB
pages-api.ru..prod.js gzip 32.8 kB 32.8 kB
pages-turbo....dev.js gzip 52.5 kB 52.5 kB
pages-turbo...prod.js gzip 38.5 kB 38.5 kB
pages.runtim...dev.js gzip 52.5 kB 52.5 kB
pages.runtim..prod.js gzip 38.4 kB 38.4 kB
server.runti..prod.js gzip 62 kB 61.9 kB
Total 2.82 MB 2.82 MB ✅ -179 B
📝 Changed Files (7 files)

Files with changes:

  • app-page-exp..ntime.dev.js
  • app-page-tur..ntime.dev.js
  • app-page-tur..ntime.dev.js
  • app-page.runtime.dev.js
  • app-route-tu..time.prod.js
  • app-route.ru..time.prod.js
  • server.runtime.prod.js
View diffs
app-page-exp..ntime.dev.js
failed to diff
app-page-tur..ntime.dev.js
failed to diff
app-page-tur..ntime.dev.js
failed to diff
app-page.runtime.dev.js
failed to diff
app-route-tu..time.prod.js

Diff too large to display

app-route.ru..time.prod.js

Diff too large to display

server.runtime.prod.js

Diff too large to display

📎 Tarball URL
next@https://vercel-packages.vercel.app/next/prs/90577/next

@eps1lon eps1lon force-pushed the sebbie/02-26-_devtools_stop_sending_codeframes_for_ignored_frames branch from 7a5ab90 to 4bcdc13 Compare February 26, 2026 10:00
These are not used by the Redbox at the moment.

As a follow-up, we'll only send the codeframe for
the first non-ignored frame to save even more bandwidth.

We'll add a dedicated endpoint to fetch codeframes
on demand to allow switching codeframes.
@eps1lon eps1lon force-pushed the sebbie/02-26-_devtools_stop_sending_codeframes_for_ignored_frames branch from 4bcdc13 to e344762 Compare February 26, 2026 10:43
@eps1lon eps1lon marked this pull request as ready for review February 26, 2026 11:22
…or lazy codeframe evaluation

Switch from Object.defineProperty to getter method syntax in:
- middleware-turbopack.ts
- middleware-webpack.ts
- patch-error-inspect.ts

This is slightly faster (1 fewer shape transition) per review feedback.

Co-authored-by: Sebastian "Sebbie" Silbermann <silbermann.sebastian@gmail.com>
: null,
},
}
} catch (error) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

doesn't this mean that we try to compute it also when there is no stack frame? probably doesn't mattter but reads a little odd

(originalStackFrame?.ignored ?? true) ? null : stackFrame.originalCodeFrame

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same comment below for webpack

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor immediately bent over to do it 😄 I wanted to avoid the additional optional chaining + nullish coalescing but also don't feel strongly enough about it to revert 🤷🏻

@eps1lon eps1lon added the CI approved Approve running CI for fork label Feb 26, 2026
@vercel vercel deleted a comment from nextjs-bot Feb 26, 2026
@vercel vercel deleted a comment from nextjs-bot Feb 26, 2026
Use `(originalStackFrame?.ignored ?? true) ? null : ...` instead of
`originalStackFrame?.ignored === false` for clearer semantics when
there is no stack frame.

Co-authored-by: Sebastian "Sebbie" Silbermann <silbermann.sebastian@gmail.com>
@eps1lon eps1lon enabled auto-merge (squash) February 26, 2026 18:50
@eps1lon eps1lon merged commit 4de9489 into canary Feb 26, 2026
281 of 285 checks passed
@eps1lon eps1lon deleted the sebbie/02-26-_devtools_stop_sending_codeframes_for_ignored_frames branch February 26, 2026 19:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CI approved Approve running CI for fork created-by: Next.js team PRs by the Next.js team. type: next

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants